<template>
	<view>
		<view class="allbody" @click="qwe(item)">
			<view class="border">
				<view class="body">
					<image class="img" :src="imgUrl+imgId" mode="aspectFill" @load="onoff='1'" v-show="onoff=='1'"></image>
					<image class="img" src="/static/loading.gif" v-show="onoff=='0'" mode="aspectFill"></image>
					<view class="actTitle">{{eventname}}</view>
					<view class="association">{{item.department}}</view>
					<view class="introduce">{{item.introduce}}</view>
					<image class="right" src="https://img01-xusong.91q.com/CD666A47-2B8C-497E-9B64-EF74E60610DB.png"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"actCard_heng",
		props:{
			item:{},
			imgId:'',
			eventname:''
		},
		//放到我们的监视的函数里面去进行监视处理
		mounted() {
	
			
		},
		created() {
		},
		onLoad() {
			
		},
		data() {
			return {
				imgUrl:'https://www.codingyt.com/getImage/',
				actInformation:[],
				onoff:0,
			};
		},
		methods:{
			qwe(e){
			
				uni.navigateTo({
					url: './act?content='+JSON.stringify(e),
				})
			},
		
		}
	}
</script>
	
<style>
	.allbody{
		position: relative;
		left: 40rpx;
		margin-bottom: 10rpx;
	}
	.border{
		position: relative;
		left: -24rpx;
		width: 750rpx;
		height: 206rpx;
		/* border-radius: 17px; */
		background-color: rgba(255, 255, 255, 100);
		/* box-shadow: 5px 5px 36px -14px rgba(0, 0, 0, 0.4); */
		/* box-shadow: 8px 11px 17px -18px rgba(0, 0, 0, 0.4); */
		margin-bottom: 40rpx;
		border-bottom: 2rpx solid rgba(187, 187, 187, 0.5);
	}
	.body{
		position: relative;
		top: 10rpx;
		left: 34rpx;
		
	}
	.img{
		width: 210rpx;
		height: 150rpx;
		border-radius: 14rpx;
		
	}
	/* .errimg{
		width: 150rpx;
		height: 150rpx;
	} */
	.actTitle{
		left: 200rpx;
		top: -160rpx;
		position: relative;
		width: 400rpx;
		height: 40rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 32rpx;
		text-align: left;
		  ;
		padding-left: 30rpx;
		overflow: hidden;
		text-overflow: ellipsis;/*溢出显示省略号*/
		white-space:nowarp;/*强制在一行显示*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;  
	}
	.association{
		width: 200rpx;
		height: 38rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 30rpx;
		text-align: left;
		  ;
		left: 232rpx;
		top: -154rpx;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;/*溢出显示省略号*/
		white-space:nowarp;/*强制在一行显示*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1; 
	}
	.introduce{
		width: 288rpx;
		height: 64rpx;
		color: rgba(155, 155, 155, 100);
		font-size: 24rpx;
		text-align: left;
		  ;
		left: 232rpx;
		top: -146rpx;
		position: relative;
		overflow: hidden;
		text-overflow: ellipsis;/*溢出显示省略号*/
		white-space:nowarp;/*强制在一行显示*/
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;  
	}
	.right{
		width: 48rpx;
		height: 48rpx;
		left: 650rpx;
		top: -240rpx;
		position: relative;
	}
	/* .bottomLine{
		position: relative;
		top: -150rpx;
		left: -24rpx;
		width: 750rpx;
		border-bottom: 1rpx solid rgba(187, 187, 187, 100);

	} */
</style>
